<template>
  <div class="info-container">
    <banner></banner>
    <head-bar></head-bar>
    <keep-alive>
      <transition name="fade" mode="out-in">
        <router-view></router-view>
      </transition>
    </keep-alive>
    <footer-bar></footer-bar>
  </div>
</template>

<script>
import HeadBar from './Web/HeadBar/Index'
import Banner from './Web/Banner/Index'
import Carousel from './Web/Carousel/Index'
import MainContent from './Web/MainContent/Index'
import FooterBar from './Web/FooterBar/Index'
export default {
    components: {
        HeadBar,
        Banner,
        Carousel,
        MainContent,
        FooterBar
    }
}
</script>

<style scoped>
  .info-container{
    background-color: #fafafa;
  }
</style>
